<template>
    <div class="box">
         <div id="fNode">{{ msg }}</div>
         <button @click="handlerEditData">更新状态</button>
        <Son :msg="msg"></Son>
    </div>
</template>

<script>
import Son from './Son.vue';
export default {
    components:{
        Son
    },
    data() {
        return {
            msg:"小明",
            msg2:"小红"
        }

    },
    methods:{
        handlerEditData() {
            this.msg = "吉姆"

        }

    },
    beforeCreate() {
        // data 和 methods 等属性 并没有创建完成
        console.log("父---beforeCreate()"); 
       

    },
    created() {
        // data 和 methods 等属性创建完成 但是节点没有挂载
        console.log("父---created()");


    },
    beforeMount() {
        console.log("父---beforeMount()");
    },
    mounted() {
        console.log("父---mounted()");
     
    },
    beforeUpdate() {
        // 数据更新之后 页面更新之前
        console.log("父---beforeUpdate()");

    },
    
    updated() {
        // 数据更新之后 页面更新完成
        console.log("父---updated()");
    },
    beforeDestroy() {
        console.log("父---beforeDestroy()...");
    },
    destroyed() {
        console.log("父---destroyed()...");
    }
};
</script>

<style>

</style>
